<template>
  <page-frame>
    <div class="problemReport">
      <div class="toptitle">
        <div class="left padding-bottom-6">问题上报</div>
        <div class="right">
          <!--<div class="btns">-->
            <!--<el-button @click="addStaff" class="lightGreenBtn">访客登记</el-button>-->
          <!--</div>-->
        </div>
      </div>
      <div class="borderT"></div>
    </div>
  </page-frame>
</template>

<script >
  import Vue from 'vue'
  import VueResource from 'vue-resource';
  Vue.use(VueResource);
  export default {
    methods: {
      init(){
      },
      addStaff(){
        this.$router.push({name: ''});
      },
    },
    mounted: function () {
      this.init();
    },
    components: {
      'my-compont1': {
//        props:['msg'], /*这里是为子模板传值*/
        template: "<input type='text' value='my-compont1'/>"
      },
      'my-compont2': {
//        props:['msg'], /*这里是为子模板传值*/
        template: "<input type='text' value='my-compont2'/>"
      }
    },
    data () {
      return {
      }
    },
  }
</script>
<style>

  .problemReport .input .btns{
    float:none!important;
    display:inline-block;
  }
  .problemReport .el-input{
    width: 80%;
  }
  .problemReport .input input{
    display: inline-block;
  }
  .problemReport .scroll{
    height: calc(100vh - 122px);
    padding:0px 50px;
  }
  .problemReport .el-pagination{
    margin-right:0!important;
    padding-right:0!important;
  }
  .problemReport .el-select {
    display: block;
    position: relative;
  }
  .problemReport .query{
    margin-right:30px;
  }
</style>
